<!-- 
date:2019-9-11
作者：刘美芳
 模块：***
 描述：课堂
 -->
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<h1>这是h1标签</h1>
		<h2>这是h2标签</h2>
		<h3>这是h3标签</h3>
		<h4>这是h4标签</h4>
		<h5>这是h5标签</h5>
		<h6>这是h6标签</h6>

		<p>我是一段文字</p>
		<p>我是二段文字</p>

		<div>我是div标签</div>
		<span>我是span标签</span>

		<b>粗体字</b>
		<strong>加重语气</strong>
		<em>着重字</em>
		<big>大号字</big>
		<small>小号字</small>
		<i>斜体</i>
		<ins>插入字</ins>
		<del>删除字</del>
		<sup>上标字</sup>
		<sub>下标字</sub>

		<p>三年级，我还是一个<b>胆小如鼠</b>的小女孩，上课从来不回答问题，生怕回答错了老师会批评我。<br></p>
		<p><ins>spacing到了三年级下学期时，我们班上了一节</ins><b>公开课</b>，老师提出了一个很简单的问题，<br>
			班里很多同学都举了手，甚至成绩比我差很多的，也举手了，还说这：“<b>我来，我<br>来。</b>”我环顾了四周，就我没举手
		</p>
		<p><b>My</b> father was a<small>好人</small>.<big>现在我们学习</big><i>html</i>格式化<del>htlm</del>不是html吗?难道我<br><b>胖胖的</b>脑袋又理解
			<ins>错了</ins>!听说2H<sub>2</sub>+O<sub>2</sub>会生成2H<sub>2</sub>O, 1<sup>2</sup>*0<sup>2</sup>猜猜等于<br>几，
			不要以为你找了一个就不是单身
		</p>


		<!-- 水平线标签hr -->
		<!-- 超链接a
href目标地址
target打开方式   self当前窗口 -->
		<h1>四大名著</h1>
		<hr />
		<h2>目录</h2>
		<a href="#book1">《水浒传》</a><br />
		<a href="#book2">《三国演义》</a><br />
		<a href="#book3">《红楼梦》</a><br />
		<a href="#book4">《西游记》</a><br />

		<h3 id="book1">《水浒传》</h3>
		<p>
			<b>作者</b>：施耐庵（1296年—1370年），《水浒传》的作者究竟是谁具有争议，目前最广泛认可的说法认为作者是施耐庵。
			历史上还有其它几种观点，包括了罗贯中说，施惠说，郭勋托名说，宋人说等。
		</p>
		<p>
			<b>介绍</b>：《水浒传》的故事源起于北宋宣和年间，出现了话本《大宋宣和遗事》描述了宋江、吴加亮（吴用）、晁盖等36人起义造反的故事，成为《水浒传》的蓝本。
		</p>
		<p>
			《水浒传》是中国历史上第一部用古白话文写成的歌颂农民起义的长篇章回体版块结构小说，以宋江领导的起义军为主要题材，通过一系列梁山英雄反抗压迫、英勇斗争的生动故事，暴露了北宋末年统治阶级的腐朽和残暴，揭露了当时尖锐对立的社会矛盾和“官逼民反”的残酷现实。
		</p>

		<p>
			由于《水浒传》版本众多，流传甚广，其中也出现不同的故事，可大体分为“文简事繁本”和“文繁事简本”两个系统，“文繁事简本”较为细致，也流传最广，主要分为七十回本（无聚义后情节），一百回本（招安后，有征辽、征方腊等情节）和一百二十回本（在一百回本基础上增加征田虎、征王庆情节）。其中一百二十回本也被称为《水浒全传》
			，是水浒故事最完整的一个本。
		</p>
		<h3 id="book2">《三国演义》</h3>
		<p>
			<b>作者</b>：施耐庵（1296年—1370年），《水浒传》的作者究竟是谁具有争议，目前最广泛认可的说法认为作者是施耐庵。
			历史上还有其它几种观点，包括了罗贯中说，施惠说，郭勋托名说，宋人说等。
		</p>
		<p>
			<b>介绍</b>：《水浒传》的故事源起于北宋宣和年间，出现了话本《大宋宣和遗事》描述了宋江、吴加亮（吴用）、晁盖等36人起义造反的故事，成为《水浒传》的蓝本。
		</p>
		<p>
			《水浒传》是中国历史上第一部用古白话文写成的歌颂农民起义的长篇章回体版块结构小说，以宋江领导的起义军为主要题材，通过一系列梁山英雄反抗压迫、英勇斗争的生动故事，暴露了北宋末年统治阶级的腐朽和残暴，揭露了当时尖锐对立的社会矛盾和“官逼民反”的残酷现实。
		</p>

		<p>
			由于《水浒传》版本众多，流传甚广，其中也出现不同的故事，可大体分为“文简事繁本”和“文繁事简本”两个系统，“文繁事简本”较为细致，也流传最广，主要分为七十回本（无聚义后情节），一百回本（招安后，有征辽、征方腊等情节）和一百二十回本（在一百回本基础上增加征田虎、征王庆情节）。其中一百二十回本也被称为《水浒全传》
			，是水浒故事最完整的一个本。
		</p>
		<h3 id="book3">《西游记》</h3>
		<p>
			<b>作者</b>：施耐庵（1296年—1370年），《水浒传》的作者究竟是谁具有争议，目前最广泛认可的说法认为作者是施耐庵。
			历史上还有其它几种观点，包括了罗贯中说，施惠说，郭勋托名说，宋人说等。
		</p>
		<p>
			<b>介绍</b>：《水浒传》的故事源起于北宋宣和年间，出现了话本《大宋宣和遗事》描述了宋江、吴加亮（吴用）、晁盖等36人起义造反的故事，成为《水浒传》的蓝本。
		</p>
		<p>
			《水浒传》是中国历史上第一部用古白话文写成的歌颂农民起义的长篇章回体版块结构小说，以宋江领导的起义军为主要题材，通过一系列梁山英雄反抗压迫、英勇斗争的生动故事，暴露了北宋末年统治阶级的腐朽和残暴，揭露了当时尖锐对立的社会矛盾和“官逼民反”的残酷现实。
		</p>

		<p>
			由于《水浒传》版本众多，流传甚广，其中也出现不同的故事，可大体分为“文简事繁本”和“文繁事简本”两个系统，“文繁事简本”较为细致，也流传最广，主要分为七十回本（无聚义后情节），一百回本（招安后，有征辽、征方腊等情节）和一百二十回本（在一百回本基础上增加征田虎、征王庆情节）。其中一百二十回本也被称为《水浒全传》
			，是水浒故事最完整的一个本。
		</p>
		<h3 id="book4">《红楼梦》</h3>
		<p>
			<b>作者</b>：施耐庵（1296年—1370年），《水浒传》的作者究竟是谁具有争议，目前最广泛认可的说法认为作者是施耐庵。
			历史上还有其它几种观点，包括了罗贯中说，施惠说，郭勋托名说，宋人说等。
		</p>
		<p>
			<b>介绍</b>：《水浒传》的故事源起于北宋宣和年间，出现了话本《大宋宣和遗事》描述了宋江、吴加亮（吴用）、晁盖等36人起义造反的故事，成为《水浒传》的蓝本。
		</p>
		<p>
			《水浒传》是中国历史上第一部用古白话文写成的歌颂农民起义的长篇章回体版块结构小说，以宋江领导的起义军为主要题材，通过一系列梁山英雄反抗压迫、英勇斗争的生动故事，暴露了北宋末年统治阶级的腐朽和残暴，揭露了当时尖锐对立的社会矛盾和“官逼民反”的残酷现实。
		</p>

		<p>
			由于《水浒传》版本众多，流传甚广，其中也出现不同的故事，可大体分为“文简事繁本”和“文繁事简本”两个系统，“文繁事简本”较为细致，也流传最广，主要分为七十回本（无聚义后情节），一百回本（招安后，有征辽、征方腊等情节）和一百二十回本（在一百回本基础上增加征田虎、征王庆情节）。其中一百二十回本也被称为《水浒全传》
			，是水浒故事最完整的一个本。
		</p>

		<!-- 列表标签
 有序列表oi-li
 无序列表ul-li
 自定义列表dl-dt-dd-->
		<ul>
			<li>
				牛奶
			</li>
			<li>
				咖啡
			</li>
		</ul>
		<ol type="A">
			<li>
				吴婷婷
			</li>
			<li>
				李娜
			</li>
			<li>
				肖容
			</li>
		</ol>
		<dl>
			<dt></dt>
			<dt></dt>
			<dt></dt>
			<dt>
			<dd>订单列表</dd>
			</dt>

		</dl>

		<!-- 表格标签table
  tr行
  td单元格
  th表头内容(table head)
  tbody主体内容
  定义表格大小：width，height的大小
  border边框
  cellspacing单元格与单元格之间的间距
  cellpadding单元格内容与单元格之间的额间距
  rowspan垂直方向的合并
  colspan水平方向的合并
  -->
		<table border="1" cellspacing="0" cellpadding="30">
			<caption>用户信息</caption>
			<thead>
				<th rowspan="">姓名</th>
				<th>性别</th>
				<th>年龄</th>
			</thead>
			<tbody>
				<tr>
					<td>张三</td>
					<td>男</td>
					<td>25</td>
				</tr>
			</tbody>
		</table>



		<table border="1" cellspacing="0" cellpadding="30">
			<tbody>
				<tr>
					<td rowspan="2"></td>
					<td>吴涵坤</td>
					<td>丑坤</td>
					<td>傻坤</td>
					<td>笨坤</td>
				</tr>
				<tr>
					<td>丑容</td>
					<td>傻容</td>
					<td>笨容</td>
					<td>肖容</td>
				</tr>
				<tr>
					<td colspan="5"></td>
				</tr>
			</tbody>
		</table>

<!-- 表单form
 type输入框类型
 text
 password
 file
 radio单选框
 CheckBox复选框
 button按纽
 submit 提交
 reset 组合 、重新设定
 -->
 <form action="" method="post" >
	 
	 <label>姓名：</label>
	 <input type="text" size="40" value="admin" name="username"  /><br />
	 <label>密码：</label>
	 <input type="password" maxlength="6" name="password" /><br />
	 <label>性别：</label>
	 <input type="radio" name="sex"/>男
	 <input type="radio" name="sex"/>女
	 <br />
	 <label>爱好：</label>
	 <input type="checkbox" name="hobby" checked="checked" />篮球
	 <input type="checkbox" name="hobby"/>看电影
	 <input type="checkbox" name="hobby"/>玩手机
	 <br />
	 <label>头像：</label>
	 <input type="file"/>
	 <br />
	 <label>求学经历：</label>
	 <textarea cols="30" rows="10"></textarea>
	 <br />
	 <label>地址：</label>
	 <select>
		 <optgroup label="湖南省">
			 <option selected="selected">长沙市</option>
			 <option>株洲市</option>
			 <option>湘潭市</option>
		 </optgroup>
	 </select>
	 <br />
	 <input type="submit" value="提交" />
	 <input type="reset" value="重置" />
	 <br />
 </form>
 <a href="https://www.baidu.com/" target="open">百度一下</a>
  <a href="https://www.apple.com/cn/" target="open">苹果官网</a>
   <a href="https://www.runoob.com/" target="open">菜鸟教程</a>
   
 <iframe src="https://hao.360.com/?360safe" width="100%" height="300" frameborder="0"></iframe>

<details open="open">
	<summary>这是一段标题</summary>
	<p>我是隐藏内容1</p>
	<p>我是隐藏内容2</p>
	
</details>
<input type="text" list="user" />
<details id="user">
	<option>李娜</option>
	<option>肖容</option>
	<option>傻逼</option>
</details>

<meter max="100" min="0" low="60" high="90" value="50"></meter>
<br />
<form action="https://www.baidu.com/">
	file<input type="file" name="file" multiple="multiple"/><br />
	email<input type="email" name="email" 
	placeholder="请输入你的邮箱" 
	autofocus="autofocus"
	autocomplete="on"
	required="required"/><br />
	tel<input type="tel" name="tel" 
	accesskey="s"
	/><br />
	url<input type="url" name="url" /><br />
	number<input type="number" name="number" /><br />
	search<input type="search" name="search" /><br />
	rang<input type="rang" name="rang" /><br />
	date<input type="date" name="date" /><br />
	time<input type="time" name="time" /><br />
	datetime<input type="datetime" name="datetime" /><br />
	month<input type="month" name="month" /><br />
	week<input type="week" name="week" /><br />
	color<input type="color" name="color" /><br />
	<br />
	<input type="submit"  name="提交"/>
	<input type="reset" value="重置" />
</form>
<br />
<br />
<!-- loop为循环播放 -->
<!-- <audio src="天空之城.mp3" autoplay="autoplay"
controls="controls" loop="loop">你的浏览器不支持音频标签播放</audio>
<audio>
	<source src="天空之城.mp3"></source>
	<source src="天空之城.ogg"></source>
	<source src="天空之城.wav"></source>
</audio> -->
<video src="" autoplay="autoplay"
controls="controls" loop="loop"
width="100%" height="500">
你的浏览器不支持音频标签播放</video>
<video>
	<source src=""></source>
	<source src=""></source>
	<source src=""></source>
</video>
<br />
<br />
<br />
	</body>
</html>
